@import (reference) "./../../shared/color";
.vtrade-terminal-container {
  padding-top: 1px;
  background-color: #EEE;
  .terminal-content {
    width: 100%;
    height: 304px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    .terminal-middle {
      position: relative;
      min-width: 200px;
      max-width: 200px;
      padding: 0 1px;
      height: 100%;
      .bid-ask {
        position: relative;
        width: 100%;
        height: 274px;
        border-top: 1px solid #EEE;
      }
      // 涨停跌停按键
      .current-top-bottom {
        height: 30px;
        line-height: 30px;
        margin: 0;
        background-color: #FFF;
        padding: 0 10px;
        text-align: justify;
        text-align-last: justify;
        li {
          display: inline-block;
          font-size: 1.3rem;
          text-align: center;
          cursor: pointer;
          span.top-price {
            color: @color-red-red;
          }
          span.bottom-price {
            color: @color-green-gray;
          }
        }
      }
    }
    vtrade-buyin,
    vtrade-saleout {
      min-width: 200px;
      max-width: 200px;
      background-color: #FFF;
      border: 1px solid #EEE;
      &.buyin-active {
        border-color: #E62417;
      }
      &.saleout-active {
        border-color: #146BCF;
      }
    }
  }
  .terminal-action {
    margin-top: 4px;
    padding: 4px;
    text-align: center;
    background-color: #FFF;
    button.buyin-saleout {
      width: 200px;
      height: 28px;
      color: #FFF;
      cursor: pointer;
      border-radius: 4px;
      border: 1px solid #227ADE;
      background: linear-gradient( #64BFF8, #439BFF);
      background: -webkit-linear-gradient( #64BFF8, #439BFF);
      background: -moz-linear-gradient( #64BFF8, #439BFF);
      background: -o-linear-gradient( #64BFF8, #439BFF);
      &:hover {
        opacity: .9;
      }
    }
  }
}